@charset "utf-8";
/* CSS Document */
html, body{height:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:none; vertical-align:baseline; background-color:transparent;box-sizing: border-box;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
    box-sizing: border-box;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}
body{overflow-x:hidden; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-size:12px; line-height:1.4em; font-family:"微软雅黑","黑体",Arial,sans-serif;}
table{border-collapse:collapse; border-spacing:0;}
ul,ol,li{list-style:none;}
a{text-decoration:none; border:0; outline:none; star:expression(this.onFocus=this.blur());}
/*a:link, a:visited{color:#06c;}*/
/*a:hover, a:active{color:#f00;}*/

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

div {
    position: relative;
}

dfn {
    font-style: italic;
}
h1{font-size:2.0em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
h6{font-size:1.0em;}
img{border:0 none; max-width:100%; height:auto; width:auto\9;}
input, select{vertical-align:middle;}

button, input, optgroup, select, textarea {
    margin: 0;
    color: inherit;
    font: inherit;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
}

button[disabled], input[disabled] {
    cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input {
    line-height: normal;
}

input[type=checkbox], input[type=radio] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

input[type=search] {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea, input {
    word-wrap: break-word;
    word-break: break-all;
    padding: 0;
}

textarea {
    overflow: auto;
}
/*p{text-indent:2em;}  //段落首行缩进2*/
p{text-indent:0em;}

[hidden], template {
    display: none;
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0
}

svg:not(:root) {
    overflow: hidden
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-size: 1em;
    font-family: monospace, monospace
}
/*------------------------------------通用属性定义----------------------------------------*/

/* 鼠标样式 */
.pointer{cursor:pointer;}

/* 文本对齐方式 */
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}

/* 字母和单词换行设置，强制内容换行，强制内容不换行 */
.break{word-break:break-all; word-wrap:break-word;}
.no-break{word-break:keep-all; word-wrap:normal;}

/* 浮动定义 */
.FL{float:left;}
.FR{float:right;}
.clear{clear: both;}

/* 定位关系 */
.absolute{position:absolute;}
.relative{position:relative;}

/*撑满父元素*/
.max{min-width:100%; max-width:100%; min-height:100%; max-height:100%;}
.width{min-width:100%; max-width:100%;}
.height{min-height:100%; max-height:100%;}

/*------------------------------------通用容器定义----------------------------------------*/

/* 容器 */
.wrapper{clear:both; overflow:hidden;}

/* 当元素内容内容超出元素height或width时，隐藏之 */
.hide{overflow:hidden;}

/* 隐藏元素，visibility可以隐藏元素，但是还是会在布局中占位 */
.invisible{visibility:hidden;}

/* 从页面布局上隐藏元素，从布局上隐藏元素 */
.hidden{display:none !important;}
.block{display:block;}

.mt20{margin-top: 20px;}